.home {
  display: flex;
  height: 100%;
  ::-webkit-scrollbar {
    width: 10px;
  }
  ::-webkit-scrollbar-thumb {
    background: #CDCDCD;
  }
  .map {
    display: flex;
    flex-direction: column;
    width: 400px;
    height: 100%;
    overflow: hidden;
    background-color: #f8f8f8;
    border-right: 1px solid #dcdee2;
    @import "../interface/map";
  }
  .content {
    flex: 1;
    display: flex;
    flex-direction: column;
    .content-top {
      display: flex;
      border-bottom: 1px solid #dcdee2;
      .content-top-tab {
        width: 110px;
        padding: 10px 0;
        text-align: center;
        border-right: 1px solid #dcdee2;
        background-color: #f8f8f8;
        cursor: pointer;
        &:hover {
          background-color: #FFFFFF;
        }
      }
      .content-top-tab-active {
        color: #2db7f5;
        background-color: #FFFFFF;
      }
      .content-top-blank {
        flex: 1;
      }
      .content-top-quick {
        display: flex;
        justify-content: center;
        align-items: center;
        .content-top-quick-botton {
          margin-right: 10px;
          padding: 3px 10px;
          background-color: #f8f8f8;
          border: 1px solid #dcdee2;
          cursor: pointer;
        }
      }
    }
    @import "../content/main";
    @import "../content/setting";
    @import "../content/about";
  }
}